<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.min.css">
</head>
<body>
    <div class="title-img">
    <img src="./picture/bg.png" alt="">
    </div>
    <div class="prevalent">
        <div class="preferential">
        <ul>
            <li>
                <img src="./picture/price.png" alt="">
                <h1>5</h1>
                <h3>无门槛</h3>
                <span>限量1500张</span>
                <button>点击领取</button>
                <img src="./picture/1.png" alt="">
            </li>
            <li>
                <img src="./picture/price.png" alt="">
                <h1>10</h1>
                <span>满500使用</span>
                <button>点击领取</button>
                <img src="./picture/1.png" alt="">
            </li>
            <li>
                <img src="./picture/price.png" alt="">
                <h1>20</h1>
                <span>满800使用</span>
                <button>点击领取</button>
                <img src="./picture/1.png" alt="">
            </li>
            <li>
                <img src="./picture/price.png" alt="">
                <h1>30</h1>
                <span>满1000使用</span>
                <button>点击领取</button>
            </li>
        </ul>
    </div>
    <div class="title">
        <h2>时尚潮流款</h2>
        <h1>流行趋势</h1>
        <h3>GORGEOUS COLOUR OF</h3>
    </div>
    <div class="introduce">
        <img src="./picture/2.png" alt="">
        <div class="sofa">
            <p>现代布艺沙发</p>
            <hr>
            <h2>进口白橡木材质</h2>
            <div class="sofa-img">
            <img src="./picture/5.png" alt="">
        </div>
        <div class="sofa-img">
            <img src="./picture/6.png" alt="">
        </div>
        <div class="sofa-img">
            <img src="./picture/7.png" alt="">
        </div>
        <h3>安全放心的材质</h3>
        <div class="price-img">
            <img src="./picture/price.png" alt="">
            <h1>188</h1>
            <img src="./picture/8.png" alt="">
        </div>
        </div>
        <div class="sofa">
            <p>现代布艺沙发</p>
            <hr>
            <h2>进口白橡木材质</h2>
            <div class="sofa-img">
            <img src="./picture/5.png" alt="">
        </div>
        <div class="sofa-img">
            <img src="./picture/6.png" alt="">
        </div>
        <div class="sofa-img">
            <img src="./picture/7.png" alt="">
        </div>
        <h3>安全放心的材质</h3>
        <div class="price-img">
            <img src="./picture/price.png" alt="">
            <h1>188</h1>
            <img src="./picture/8.png" alt="">
        </div>
        </div>
        <img src="./picture/3.png" alt="">
        <img src="./picture/4.png" alt="">
        <div class="sofa">
            <p>现代布艺沙发</p>
            <hr>
            <h2>进口白橡木材质</h2>
            <div class="sofa-img">
            <img src="./picture/5.png" alt="">
        </div>
        <div class="sofa-img">
            <img src="./picture/6.png" alt="">
        </div>
        <div class="sofa-img">
            <img src="./picture/7.png" alt="">
        </div>
        <h3>安全放心的材质</h3>
        <div class="price-img">
            <img src="./picture/price.png" alt="">
            <h1>188</h1>
            <img src="./picture/8.png" alt="">
        </div>
        </div>
    </div>
    <div class="hot">
        <div class="character">
            <h1>热</h1>
        </div>
        <div class="character">
            <h1>销</h1>
        </div>
        <div class="character">
            <h1>爆</h1>
        </div>
        <h1>款</h1>
    </div>
    </div>
    <div class="sales">
        <div class="arrange">
            <img src="./picture/9.png" alt="">
            <img src="./picture/9.png" alt="">
            <img src="./picture/9.png" alt="">
            <div class="sales-font">
                <p>品质保障30年</p>
                <hr>
                <h1>给温暖舒适的家</h1>
                <img src="./picture/price.png" alt="">
                <span>188</span>
                <img src="./picture/8.png" alt="">
            </div>
            <div class="sales-font">
                <p>品质保障30年</p>
                <hr>
                <h1>给温暖舒适的家</h1>
                <img src="./picture/price.png" alt="">
                <span>188</span>
                <img src="./picture/8.png" alt="">
            </div>
            <div class="sales-font">
                <p>品质保障30年</p>
                <hr>
                <h1>给温暖舒适的家</h1>
                <img src="./picture/price.png" alt="">
                <span>188</span>
                <img src="./picture/8.png" alt="">
            </div>
            <img src="./picture/9.png" alt="">
            <img src="./picture/9.png" alt="">
            <img src="./picture/9.png" alt="">
            <div class="sales-font">
                <p>品质保障30年</p>
                <hr>
                <h1>给温暖舒适的家</h1>
                <img src="./picture/price.png" alt="">
                <span>188</span>
                <img src="./picture/8.png" alt="">
            </div>
            <div class="sales-font">
                <p>品质保障30年</p>
                <hr>
                <h1>给温暖舒适的家</h1>
                <img src="./picture/price.png" alt="">
                <span>188</span>
                <img src="./picture/8.png" alt="">
            </div>
            <div class="sales-font">
                <p>品质保障30年</p>
                <hr>
                <h1>给温暖舒适的家</h1>
                <img src="./picture/price.png" alt="">
                <span>188</span>
                <img src="./picture/8.png" alt="">
            </div>
        </div>
    </div>
    <div class="prevalent">
    <div class="title">
        <h2>时尚潮流款</h2>
        <h1>流行趋势</h1>
        <h3>GORGEOUS COLOUR OF</h3>
    </div>
    <div class="box">
    <img src="./picture/10.png" alt="">
    <div class="recognize">
        <h1>现代小情调</h1>
        <h2>（布艺沙发）</h2>
        <p>极简百搭的毛织连衣裙<br>
            黑红两色均有着显瘦修饰脸部光泽的特点<br>
            搭配一个毛衣链<br>
            你便是阳光下的妩媚魔鬼</p>
            <span><del>RMB826</del></span>
            <span>RMB359</span>
        </div>
    <img src="./picture/11.png" alt="">
    <img src="./picture/12.png" alt="">
    <img src="./picture/13.png" alt="">
    <div class="recognize">
        <h1>现代小情调</h1>
        <h2>（布艺沙发）</h2>
        <p>极简百搭的毛织连衣裙<br>
            黑红两色均有着显瘦修饰脸部光泽的特点<br>
            搭配一个毛衣链<br>
            你便是阳光下的妩媚魔鬼</p>
            <span><del>RMB826</del></span>
            <span>RMB359</span>
        </div>
        <img src="./picture/14.png" alt="">
        <img src="./picture/15.png" alt="">
    </div>
    <ul>
        <li>
            <img src="./picture/16.png" alt="">
            <p>现代小情调</p>
            <span><del>RMB826</del></span>
            <span>RMB359</span>
        </li>
        <li>
            <img src="./picture/16.png" alt="">
            <p>现代小情调</p>
            <span><del>RMB826</del></span>
            <span>RMB359</span>
        </li>
        <li>
            <img src="./picture/16.png" alt="">
            <p>现代小情调</p>
            <span><del>RMB826</del></span>
            <span>RMB359</span>
        </li>
        <li>
            <img src="./picture/16.png" alt="">
            <p>现代小情调</p>
            <span><del>RMB826</del></span>
            <span>RMB359</span>
        </li>
    </ul>
    <div class="foot">
        
    </div>
    </div>
</body>
</html>